@import '@/styles';

.wait {
  .title {
    text-align: left;
    color: #108ee9;
    font-weight: bold;
    margin-bottom: 8px;
  }

  .card {
    background-color: #fff;
    margin-bottom: 16px;
    display: flex;
    padding: 8px 0;
    box-shadow: 0px 0px 12px -8px grey;
    border-radius: 8px;


    .code {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 6px;


      img {
        height: 60px;
      }
    }

    .content {
      flex: 1;
      padding: 0 8px;

      .title {
        text-align: left;

        i {
          margin-right: 6px;
        }
      }

      .desc {
        font-weight: bold;
        text-align: left;
        padding-right: 16px;
        border-right: 2px solid #f7f7f7;

        div,
        span {
          font-size: 80%;
        }

        span:not(.red) {
          color: $baseColor;
        }

        span.red {
          color: red;
        }
      }

      .more {
        padding: 0 8px;

        .moreContent {
          font-size: 80%;
          padding: 8px;
          color: darkcyan;
        }
      }
    }
  }
}